@CHARSET "UTF-8";

.content {width: 100%; margin-top: 10px;}

.content_bar {width: 980px; margin: 0 auto; border: 2px solid #f2f2f2;}
.wrap {border: 1px solid #d7d7d7; overflow: hidden; padding-bottom: 20px;}

.title {height: 38px; margin-bottom: 10px;}
.title_list {background: url(../images/cart.gif) 0px 0px no-repeat;}
.title_info {background: url(../images/cart.gif) 0px -38px no-repeat;}
.title_payment {background: url(../images/cart.gif) 0px -76px no-repeat;}
.title li {width: 150px; height: 38px; line-height: 38px; float: left; padding-left: 50px; font-size: 14px; font-family: "Microsoft YaHei";}
.title .current {color: #ffffff;}

table.list {width: 100%; margin-bottom: 10px;}
table.list th {line-height: 36px; padding: 0px 6px; color: #999999; font-weight: normal; text-align: left; border: solid 1px #e6e4e3; background-color: #fafafa;}
table.list td {line-height: 20px; padding: 4px; border: solid 1px #f1f1f1;}
table.list img {width: 60px; height: 60px;}

input.quantity[type="text"] {width: 22px; height: 18px; line-height: 18px; float: left; padding: 0px 2px; text-align: center; border: 1px solid #dbdbdb;}
.quantity + div {height: 18px; float: left; padding-left: 2px;}
.quantity + div .increase {width: 18px; height: 7px; display: block; clear: both; margin-bottom: 2px; cursor: pointer; overflow: hidden; border: 1px solid #dbdbdb; background: url(../images/product.gif) 0px -570px #f9f9f9 no-repeat;}
.quantity + div .decrease {width: 18px; height: 7px; display: block; clear: both; cursor: pointer; overflow: hidden; border: 1px solid #dbdbdb;background: url(../images/product.gif) -30px -570px #f9f9f9 no-repeat;}

.total {padding: 10px 0px; margin-bottom: 10px; text-align: right;}
.total em {margin-right: 14px; color: #ff6600; font-style: normal;}
.total strong {color: #ef0101; font-size: 14px;}

.bottom {height: 30px; line-height: 30px; margin-bottom: 10px; text-align: right; overflow: hidden; border: 1px dotted #e4e4e4; background-color: #fdfdfd;}
.bottom .clear {margin-right: 10px;}
.bottom .submit {padding: 14px; color: #ffffff; background-color: #b31d04;}

.receiver, .payment, .shipping {margin-bottom: 10px; border-top: solid 1px #e8e8e8;}
.info .th {height: 36px; line-height: 36px; padding-left: 6px; font-size: 14px; font-weight: bold;}
.receiver li {width: 219px; height: 74px; float: left; padding: 5px; margin-right: 5px; margin-bottom: 5px; overflow: hidden; cursor: pointer; border: solid 1px #e4e4e4; position: relative;}
.receiver li:hover {border: solid 1px #fee580; background-color: #fffcee;}
.receiver li.selected {border: solid 1px #fee580; background: url(../images/cart.gif) right bottom no-repeat #fff5cc;}
.receiver li div {line-height: 22px; color: #888888;}
.receiver li strong {color: #444444; margin-right: 2px;}
.receiver li .edit {position: absolute; top: 5px; right: 5px; text-decoration: underline; font-style: normal;}
.receiver .newaddr {clear: left; padding-left: 15px; background: url(../images/ico_g.gif) 0px 5px no-repeat; line-height: 18px;}

.result {padding: 10px 20px; margin-bottom: 10px; border: 1px solid #deecd2; background-color: #fbfef7;}
.result .th {height: 52px; line-height: 52px; color: #419700; text-align: center; font-size: 24px; font-family: "Microsoft YaHei";}
.result .th img {vertical-align: middle; margin-right: 15px;}
.result table {line-height: 30px; margin-bottom: 10px; width: 100%;}
.result table th {text-align: left;}
.result table td {padding: 0px 4px; border: 1px solid #dbdbdb; background-color: #fdf9ee;}

.order_state {border: 1px solid #EED97C; padding: 0 5px; background: #FFFCEB; color: #333;}
.order_state_t1 {padding: 4px 8px; height: 25px; line-height: 25px; border-bottom: 1px dotted #EED97C;}
.order_state_t2 {padding: 4px 8px; height: 25px; line-height: 25px;}
.order_state_t1 strong {float: left; font-size: 14px; line-height: 25px; font-weight: bold; color: #333;}
.btn_pl {width: 46px; height: 25px; margin: 0 4px; background: url(../images/btn0330.jpg) no-repeat 0 0; color: #fff; cursor: pointer; padding: 0px; border: 0; text-align: center; outline: none;}
.order_state_t2 a {color: #005AA0; cursor: pointer;}
.order_state_t2 a:hover {text-decoration: underline;}

.process {margin: 0 auto; padding: 40px 0 80px 0; width: 533px; display: block;}
.process .node, .process .proce {float: left; position: relative; height: 13px; background: url(../images/bg_state.jpg) no-repeat;}
.process .node {width: 13px; background-position: -150px 0px;}
.process .proce {width: 150px; border: solid #fff; border-width: 0 5px;}
.process .node ul {width: 318px; margin-left: -152px; position: absolute; margin-top: -38px; text-align: center; color: #333;}
.process .txt1 {height: 36px; margin-bottom: 16px;}
.process .txt3 {color: #999;line-height: 15px;}

.order_info {border: 1px solid #DADADA; padding: 0 5px 10px; background: #EDEDED; overflow: visible; color: #333;}
.order_info_t {padding: 0 8px; height: 30px; line-height: 30px; font-size: 14px;}
.order_info_c {padding: 5px 8px; background: #fff;}
.order_info_c dl {padding: 10px 5px; border-top: 1px solid #EDEDED;}
.order_info_c dl.first {border-top: 0;}
.order_info_c dt {margin-bottom: 4px; font-weight: bold;}
.order_info .total {padding: 15px 10px 0; display: block; overflow: visible;}
.order_info .total ul {padding: 0 20px 10px 0; overflow: hidden; font-size: 14px; display: block;}
.order_info .total .extra {font-size: 16px; font-weight: bold; height: 32px;}
.order_info .extra .extra_c {border-top: 1px solid #ccc; display: block; float: right; padding: 10px 20px 0 0;}
.order_info .txt4 {color: #F00}
.order_info .txt4 b {font-size: 24px;}